<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
        <meta charset="utf-8">
        <title>Builder &#8211; Resonsive Wordpress Theme</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="Just another WordPress site" name="description"/>
        <meta content="Builder &#8211; Resonsive Wordpress Theme" name="keywords"/>
         
        <!-- REVOLUTION BANNER CSS SETTINGS -->
        <link rel="stylesheet" type="text/css" href="rs-plugin/css/responsive.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />

        <!-- Flex Slider CSS -->
        <link rel="stylesheet" href="flexslider/flexslider.css" type="text/css">
         
        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet">
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="assets/css/wide_layout.css" rel="stylesheet">
        <link href="assets/css/docs.css" rel="stylesheet">
        <link href="assets/css/options.css" rel="stylesheet">
        <link href="assets/css/builder.css" rel="stylesheet">     
        <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
        <link href="assets/nivo/nivo-slider.css" media="screen" rel="stylesheet" type="text/css">
        <link href="assets/css/prettyPhoto.css" media="screen" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C700italic%2C800italic%2C400%2C300%2C600%2C700%2C800&amp;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&amp;ver=3.4.2" id="gOpenSans-css" media="all" rel="stylesheet" type="text/css"/>

         
        <!-- Le fav and touch icons -->
        <link href="assets/builder/favicon.html" rel="shortcut icon">
         
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="assets/css/ie.css"/>
        <![endif]-->
</head>
<body>
    <div class="wide_cont">
        <!-- START TOP LINE-->
        <div class="top_line"></div>
        <!-- END TOP LINE-->
            
          <!--PAGE HEAD-->
        <div class="page_head">
            <div class="container">
                <div class="row">
                    <div class="span3">
                        <!--START LOGO IMAGE-->
                        <div class="logo">
                            <a href="index-2.html">
                            <img alt="Builder &#8211; Resonsive Wordpress Theme" src="assets/images/logo.png"/></a>
                        </div>
                        <!-- END LOGO IMAGE-->
                    </div>
                    <div class="span9">
                        <!-- START MAIN MENU-->
                        <nav>
                        <ul class="menu">
                            <li class="current-menu-item"><a href="index-2.html">Home</a>
                                <ul class="sub-menu">
                                    <li><a href="home-page-two.html">Home Page 2</a></li>
                                    <li><a href="home-page-three.html">Home Page 3</a></li>
                                    <li><a href="home-page-four.html">Home Page 4</a></li>
                                    <li><a href="home-page-five.html">Home Page 5</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Pages</a>
                                <ul class="sub-menu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="services.html">Services</a></li>
                                    <li><a href="contacts.html">Contacts</a></li>
                                    <li><a href="simple-gallery-2.html">Simple Gallery 2</a></li>
                                    <li><a href="simple-gallery-3.html">Simple Gallery 3</a></li>
                                    <li><a href="simple-gallery-4.html">Simple Gallery 4</a></li>
                                    <li><a href="404.html">404 Error</a></li>
                                    <li><a href="left-sidebar.html">Left Sidebar</a></li>
                                    <li><a href="right-sidebar.html">Right Sidebar</a></li>
                                    <li><a href="both-sidebar.html">Both Sidebar</a></li>
                                </ul>
                            </li>
                                
                            <li><a href="#">Blog</a>
                                 <ul class="sub-menu">
                                    <li><a href="big-image-right-sidebar.html">Big image + Right Sidebar</a></li>
                                    <li><a href="big-image-left-sidebar.html">Big image + Left Sidebar</a></li>
                                    <li><a href="mini-image-right-sidebar.html">Mini image + Right Sidebar</a></li>
                                    <li><a href="mini-image-left-sidebar.html">Mini image + Left Sidebar</a></li>
                                    <li><a href="text-post.html">Text Post</a></li>
                                    <li><a href="image-post.html">Image post</a></li>
                                    <li><a href="video-post.html">Video</a></li>
                                    <li><a href="post-right-sidebar.html">Post + Right Sidebar</a></li>
                                    <li><a href="post-left-sidebar.html">Post + Left Sidebar</a></li>
                                </ul>
                            </li>
                               
                            <li><a href="#">Portfolio</a>
                                <ul class="sub-menu">
                                    <li><a href="2-columns-portfolio.html">2 Columns Portfolio</a></li>
                                    <li><a href="3-columns-portfolio.html">3 Columns Portfolio</a></li>
                                    <li><a href="4-columns-portfolio.html">4 Columns Portfolio</a></li>
                                    <li><a href="6-columns-portfolio.html">6 Columns Portfolio</a></li>
                                    <li><a href="portfolio-left-sidebar.html">Portfolio + Left Sidebar</a></li>
                                    <li><a href="portfolio-right-sidebar.html">Portfolio + Right Sidebar</a></li>
                                    <li><a href="item-single-image.html">Item - Single Image</a></li>
                                    <li><a href="project-video.html">Project Video</a></li>
                                    <li><a href="item-left-sidebar.html">Item - Left Sidebar</a></li>
                                    <li><a href="item-right-sidebar.html">Item - Right Sidebar</a></li>
                                    <li><a href="item-portrait.html">Item - Portrait</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Features</a>
                                <ul class="sub-menu">
                                    <li><a href="theme-grid.html">Theme Grid</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="buttons.html">Buttons</a></li>
                                    <li><a href="allerts.html">Allerts</a></li>
                                    <li><a href="glyphicons.html">Glyphicons Icons</a></li>
                                                                        <li><a href="badges-and-labels.html">Badges And Labels</a></li>

                                    <li><a href="tabs.html">Tabs</a></li>
                                    <li><a href="accordion.html">Accordion</a></li>
                                    <li><a href="tstimonial-rotator.html">Testimonial Rotator</a></li>
                                </ul>
                            </li>
                            <li><a href="http://themeforest.net/user/OrangeIdea/portfolio?ref=OrangeIdea" target="_blank">Purchase</a></li>
                        </ul>
                        </nav>
                        <!-- END MAIN MENU-->
                    </div>
                </div>
            </div>
        </div>
        <!--/PAGE HEAD-->
            
        <!--WELCOME AREA-->
        <div class="tag_line">
            <div class="container">
                <div class="row">
                <div class="span12">
                    <div class="welcome">
                        <h3><span class="colored">HOME PAGE 3</span> EXAMPLE</h3>
                        <a class="subpage_block" href="http://html.orange-idea.com/builder">Home </a>
                        <div class="subpage_breadcrumbs_dv"></div>
                        <span>Home Page 3</span>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!--/WELCOME AREA-->
            

        <!--MAIN CONTENT AREA-->
        <div class="main_content_area">
             <div class="container">   
                <div class="row">
                    <div class="span12">
                        <div class="row">
                            <div class="span8 mrgbtm35">
                                <div id="banner_container">
                                     <!-- START REVOLUTION SLIDER 2.0.3 -->
                
                                    <link rel='stylesheet' id='rev-google-font' href='http://fonts.googleapis.com/css?family==Open+Sans:300italic,400italic,600italic,700italic,800italic,300,600,700,800' type='text/css' media='all' />               
                                    <div id="rev_slider_2_1_wrapper" class="rev_slider_wrapper banner_container" style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;max-height:440px;height:440;">
                                        <div id="rev_slider_2_1" class="rev_slider banner_container" style="display:none;max-height:440px;height:440;">                     
                                            <ul>
                                                <li data-transition="random" data-slotamount="7" data-masterspeed="300" >
                                                    
                                                    <img src="images/gallery/Anchor_v1_preview2-880x461.png" >
                                                                                            
                                                    <div class="tp-caption big_white fade"  
                                                         data-x="507" 
                                                         data-y="90" 
                                                         data-speed="300" 
                                                         data-start="500" 
                                                         data-easing="easeOutExpo">
                                                         <div>WORDPRESS THEME</div>
                                                    </div>
                                                    
                                                                    
                                                    <div class="tp-caption very_large_text fade"  
                                                         data-x="224" 
                                                         data-y="24" 
                                                         data-speed="300" 
                                                         data-start="500" 
                                                         data-easing="easeOutExpo">
                                                         <div>Builder is awesome</div>
                                                    </div>
                                                </li>

                                                <li data-transition="random" data-slotamount="7" data-masterspeed="300" >
                                                    <img src="images/gallery/1.jpg" >
                                                                                            
                                                    <div class="tp-caption fade"  
                                                         data-x="41" 
                                                         data-y="28" 
                                                         data-speed="300" 
                                                         data-start="800" 
                                                         data-easing="easeOutExpo">
                                                         <img src="images/gallery/ipad1.png" alt="Image 1"></div>
                                                                    
                                                    <div class="tp-caption fade"  
                                                         data-x="256" 
                                                         data-y="90" 
                                                         data-speed="300" 
                                                         data-start="1100" 
                                                         data-easing="easeOutExpo">
                                                         <img src="images/gallery/ipad21.png" alt="Image 3"></div>
                                                </li>

                                                <li data-transition="random" data-slotamount="7" data-masterspeed="300" >
                                                    <img src="images/gallery/blur.jpg" >
                                                                                            
                                                    <div class="tp-caption fade"  
                                                         data-x="-12" 
                                                         data-y="8" 
                                                         data-speed="300" 
                                                         data-start="500" 
                                                         data-easing="easeOutExpo">
                                                         <img src="images/gallery/hand-black2.png" alt="Image 1"></div>
                                                                    
                                                    <div class="tp-caption fade"  
                                                         data-x="184" 
                                                         data-y="59" 
                                                         data-speed="300" 
                                                         data-start="800" 
                                                         data-easing="easeOutExpo">
                                                         <iframe src='http://player.vimeo.com/video/34134308?title=0&amp;byline=0&amp;portrait=0' width='420' height='314' style='width:420px;height:314px;'></iframe>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                
                                <!-- END REVOLUTION SLIDER -->
                                </div>
                            </div>

                            <div class="span4 hidden-phone column_container">
                                <div class="row-fluid">
                                    <div class="span12">

                                        <div style="background-color: rgb(58, 58, 58); padding: 10px; margin-bottom: 20px;">
                                            <h1 style="color: rgb(255, 255, 255) !important; margin-bottom: 3px !important;"><b>WELCOME!</b></h1>
                                            <h5 style="color: rgb(255, 255, 255);">Your most important message or cacthy phrase goes here and also it goes right here.</h5>
                                        </div>

                                        <p>Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions</p>
                                        <p>
                                            <span class="pun"><em>Builder is designed to help people of all skill levels designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex</em></span>
                                        </p>

                                        <hr class="visible-desktop"></hr>
                                        <h4 class="visible-desktop">Some of Template Features:</h4>
                                        
                                        <div class="visible-desktop">
                                            <div class="span6">
                                                <ul class="unstyled" style="margin-top: 10px;">
                                                <li><em class="icon-user"></em>Built for and by nerds</li>
                                                <li><em class="icon-th"></em>12-column grid</li>
                                                <li><em class="icon-resize-horizontal"></em>Max-width 1200px</li>
                                                <li><em class="icon-book"></em>Growing library</li>
                                                </ul>
                                            </div>
                                        
                                            <div class="span6">
                                                <ul class="unstyled" style="margin-top: 10px;">
                                                    <li><em class="icon-resize-small"></em>Responsive design</li>
                                                    <li><em class="icon-eye-open"></em>Cross-everything</li>
                                                    <li><em class="icon-list-alt"></em>Styleguide docs</li>
                                                    <li><em class="icon-cog"></em>jQuery plugins</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>

                        <!-- DIVIDER -->
                        <div class="home_separator"></div>

                        <!-- Start recent portfolio item -->

                        <div class="row">
                            <div class="span12">
                                <h3 class="builder_heading">Recent From Portfolio</h3>                                
                            </div>
                                
                                    
                                    <div class="row mrgbtm35">
                                        <ul style="list-style:none">
                                            <!-- Start Item -->
                                            <li class="span3">
                                                <div class="portfolio_item">
                                                    <div class="view view-first">
                                                        <a href="item-single-image.html" class="link_image">
                                                            <!-- Link to Main Big Image -->
                                                            <img src="images/gallery/1.jpg" alt="Permalink to Another Work">
                                                        </a>
                                                        <div class="mask">
                                                            <!-- Link to Thambnail -->
                                                            <a href="images/gallery/1.jpg" rel="prettyPhoto" class="info"></a>
                                                            <!-- Link to Page -->
                                                            <a href="item-single-image.html" class="link"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="descr">
                                                    <!-- Item Heading -->
                                                    <h5 class="post_title"><a href="#" class="link title" title="Permalink to Another Work">Another Work</a></h5>
                                                    <!-- Item Description -->
                                                    <div class="entry_content">
                                                        Few words about project
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- End Item -->

                                            <li class="span3">
                                                <div class="portfolio_item">
                                                    <div class="view view-first">
                                                        <a href="item-single-image.html" class="link_image">
                                                            <img src="images/gallery/2.jpg" alt="Permalink to Another Work">
                                                        </a>
                                                        <div class="mask">
                                                            <a href="images/gallery/2.jpg" rel="prettyPhoto" class="info"></a>
                                                            <a href="item-single-image.html" class="link"></a>
                                                        </div>
    
                                                    </div>
                                                </div>
                                                <div class="descr">
                                                    <h5 class="post_title"><a href="#" class="link title" title="Permalink to Another Work">Another Work</a></h5>
                                                    <div class="entry_content">
                                                        Few words about project
                                                    </div>
                                                </div>
                                            </li>
                                            
                                            
                                            <li class="span3">
                                                <div class="portfolio_item">
                                                    <div class="view view-first">
                                                        <a href="item-single-image.html" class="link_image">
                                                            <img src="images/gallery/3.jpg" alt="Permalink to Another Work">
                                                        </a>
                                                        <div class="mask">
                                                            <a href="images/gallery/3.jpg" rel="prettyPhoto" class="info"></a>
                                                            <a href="item-single-image.html" class="link"></a>
                                                        </div>
    
                                                    </div>
                                                </div>
                                                <div class="descr">
                                                    <h5 class="post_title"><a href="#" class="link title" title="Permalink to Another Work">Another Work</a></h5>
                                                    <div class="entry_content">
                                                        Few words about project
                                                    </div>
                                                </div>
                                            </li>

                                            <li class="span3">
                                                <div class="portfolio_item">
                                                    <div class="view view-first">
                                                        <a href="item-single-image.html" class="link_image">
                                                            <img src="images/gallery/4.jpg" alt="Permalink to Another Work">
                                                        </a>
                                                        <div class="mask">
                                                            <a href="images/gallery/4.jpg" rel="prettyPhoto" class="info"></a>
                                                            <a href="item-single-image.html" class="link"></a>
                                                        </div>
    
                                                    </div>
                                                </div>
                                                <div class="descr">
                                                    <h5 class="post_title"><a href="#" class="link title" title="Permalink to Another Work">Another Work</a></h5>
                                                    <div class="entry_content">
                                                        Few words about project
                                                    </div>
                                                </div>
                                            </li>
                                            
                                        </ul>
                                    </div>
                        </div>

                        <!-- DIVIDER -->
                        <div class="home_separator"></div>                        

                        <!-- End recent portfolio item -->

                        <div class="row">

                            <!-- Start Recent Blog Posts -->
                            <div class="span6">
                                <h3>Recent From Blog</h3>
                                <!-- Place somewhere in the <body> of your page -->
                                <div class="slider">
                                <div class="flexslider">
                                    <ul class="slides">
                                        <!-- First Slide-->
                                        <li style="width: 573px; float: left; display: block;">
                                           <a class="link_image" href="post-right-sidebar.html" title="Permalink to Post + Right Sidebar">
                                            <img src="images/gallery/Anchor_v1_preview2-880x461.png" width="880" height="461"/>
                                            </a>

                                            <div class="flex-caption blog_item">
                                                <div class="blog_head">
                                                    <div class="date">
                                                    <h6><i class="icon-calendar icon-white"></i> 20 JAN 2013</h6>   
                                                    </div>
                                                    <h3><a href="post-right-sidebar.html">Post + Right Sidebar</a></h3>
                                                </div>

                                                <div class="meta">
                                                    <span><b>By</b> <a href="#">Author</a></span>
                                                    <span><a href="#">Post tags</a></span>
                                                    <span class="last-item"><a href="#">1 Comments</a></span>
                                                </div>
                                                Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget ...
                                                <h6 class="read_more" style="margin-top: 10px !important;">
                                                    <a style="margin-top: 15px;" href="post-right-sidebar.html">Read More</a>
                                                </h6>
                                            </div>
                                        </li>
                                         <!-- Second Slide-->
                                        <li>
                                           <a class="link_image" href="post-right-sidebar.html" title="Permalink to Post + Right Sidebar">
                                            <img src="images/gallery/blur.jpg" width="880" height="461"/>
                                            </a>

                                            <div class="flex-caption blog_item">
                                                <div class="blog_head">
                                                    <div class="date">
                                                    <h6><i class="icon-calendar icon-white"></i> 20 JAN 2013</h6>   
                                                    </div>
                                                    <h3><a href="post-right-sidebar.html">Post + Right Sidebar</a></h3>
                                                </div>

                                                <div class="meta">
                                                    <span><b>By</b> <a href="#">Author</a></span>
                                                    <span><a href="#">Post tags</a></span>
                                                    <span class="last-item"><a href="#">1 Comments</a></span>
                                                </div>
                                                Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget ...
                                                <h6 class="read_more" style="margin-top: 10px !important;">
                                                    <a style="margin-top: 15px;" href="post-right-sidebar.html">Read More</a>
                                                </h6>
                                            </div>
                                        </li>


                                    </ul>
                                    <!-- FlexSlider Nav -->
                                    <ul class="flex-direction-nav">
                                        <li><a href="#" class="flex-prev"></a></li>
                                        <li><a href="#" class="flex-next"></a>
                                    </ul>
                                    <!-- End FlexSlider Nav -->
                                </div>
                                </div>
                                
                            </div>


                            <div class="span6">
                                <h3 style="text-align: left;">About Company</h3>
                                <p>  
                                    <a href="images/gallery/html5.png">
                                    <img class="alignleft size-full wp-image-2007" title="html5" src="images/gallery/html5.png" alt="" width="87" height="91"/>
                                    </a>
                                Proin dictum erat et purus egestas in gravida leo vestibulum. Praesent rhoncus blandit mauris vitae fringilla. Curabitur tellus erat, ornare et dictum at sed nisi.
                                </p>
                                <p>
                                <em>Various versions have evolved over the years, sometimes by accident</em>
                                </p>
                                <p>
                                <strong>It is a long established fact</strong>
                                that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using
                                <em>‘Content here, content here’</em>
                                .
                                </p>
                                <!-- Button with Icon and margin-bottom with 35px -->
                                <button class="btn mrgbtm35"><i class="icon-download-alt"></i> Download Our Brochure</button>
                                
                                <!-- DIVIDER -->
                                <div class="home_separator"></div>

                                <!-- TESTIMONIALS ROTATOR -->
                                 <div class="testimonialrotator"  style="height: 240px;">
                                        <div class="testimonial" style="position: absolute; display: block;">
                                            <div class="main_testimonial">
                                                <div class="blockquote">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. Ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. The readable content of a page when looking at its layout. It is a long established fact that a reader will be distracted by the readable content.</div>
                                                </div>
                                                <div class="the-author">Mikle / CEO Some Company</div>
                                        </div>
                                        <div class="testimonial" style="display: none;">
                                            <div class="main_testimonial">
                                                <div class="blockquote">Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). It is a long established fact that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna.Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis.</div>
                                                </div>
                                                <div class="the-author">Jhon Doe</div>
                                            </div>
                                    </div>
                                <!-- END TESTIMONIALS ROTATOR -->                                    
                            </div>
   
                        </div>

                    </div>
                </div>
             </div>   
        </div>
        <!--END MAIN CONTENT AREA-->

        <!--FOOTER-->

        <!-- START TWITTER FEED -->
        <div class="twitter-block">
            <div class="container">
                <div class="row">
                    <div class="span3">
                        <h6>Twitter Feed</h6>
                        <p class="twitter-block-desc">Find out what"s happening, right now, with the people and organizations you care about.</p>
                    </div>
                    <br class="visiblephone">
                    <div class="span9">
                        <div class="twitter-block-well well">
                        <div class="tweet"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END TWITTER FEED -->
                
        <!-- START WIDGET AREA AND SOCIAL ICONS -->
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="span3 soc_icons">
                        <div>
                            <img alt="" src="assets/img/logo-footer.png"><br>
                            <a href="http://flickr.com/" target="_blank"><div class="icon_flickr"></div></a>
                            <a href="http://plus.google.com/" target="_blank"><div class="icon_google"></div></a>
                            <a href="http://facebook.com/" target="_blank"><div class="icon_facebook"></div></a>
                            <a href="http://pinterest.com/" target="_blank"><div class="icon_pi"></div></a>
                            <a href="http://twitter.com/" target="_blank"><div class="icon_t"></div></a>
                            <a href="http://youtube.com/" target="_blank"><div class="icon_youtube"></div></a>
                            <a href="http://linkedin.com/" target="_blank"><div class="icon_in"></div></a>
                            <a href="http://deviantart.com/" target="_blank"><div class="icon_da"></div></a>
                            <a href="http://www.skype.com/" target="_blank"><div class="icon_skype"></div></a>
                            <a href="http://www.icq.com/" target="_blank"><div class="icon_icq"></div></a>
                            <a href="http://envato.com/" target="_blank"><div class="icon_envato"></div></a>
                            <a href="http://forrst.com/" target="_blank"><div class="icon_forrst"></div></a>
                            <a href="http://www.bing.com/" target="_blank"><div class="icon_bing"></div></a>
                            <a href="http://myspace.com/" target="_blank"><div class="icon_myspace"></div></a>
                        </div>
                    </div>
    
                    <div class="span3">
                        <div class="textwidget">
                            <div class="well">
                            <h6>Builder Company</h6>Builder is designed to help people of all skill levels designer or developer, huge nerd or early beginner.
                            </div>
                        </div>
                    </div>
                    <!-- BEGIN WIDGET -->
                    <div class="span3">
                    <h6>Recent Posts</h6><hr>
                        <ul class="recent-post-widget unstyled">
                                                        <li><a href="big-image-right-sidebar.html" title="Hello world!" class="bg-link">Hello world!</a>
                                <div class="small-meta">Dec 1, 2012 / <a href="big-image-right-sidebar.html" title="Comment on Hello world!">1 Comment</a></div>
                                <!-- /small-meta -->
                                <div class="clear"></div>
                            </li>
                            <li>
                                <a class="bg-link" href="post-right-sidebar.html" title="Post + Right Sidebar">Post + Right Sidebar</a>
                                <div class="small-meta">Nov 30, 2012 / <a href="post-right-sidebar.html" title="Comment on Post + Right Sidebar">1 Comment</a></div>
                                <!-- /small-meta -->
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>
                    <!-- END WIDGET -->
                    <!-- BEGIN CONTACT INFO -->
                    <div class="span3">
                    <h6>Contact Information</h6><hr>
                        <div class="textwidget">
                        <ul class="unstyled">
                            <li><i class="icon-user icon-white"></i> +1 800 2000 600</li>
                            <li><i class="icon-envelope icon-white"></i> contact@sitename.com</li>
                            <li><i class="icon-map-marker icon-white"></i> 9930 124th Washington</li>
                        </ul>
                        </div>
                    </div>
                    <!-- END CONTACT INFO -->
                </div>
            </div>
        </div>
        <!-- END WIDGET AREA AND SOCIAL ICONS -->
                
        <!--START BOTTOM LINE-->
        <div class="bottom_line">
            <div class="container">
                <div class="row">
                    <!-- START COPYRIGHT INFORMATION-->
                    <div class="span6">
                        <span class="copyright">Copyright 2012 Builder - Company. Design by <a href="http://themeforest.net/user/OrangeIdea?ref=OrangeIdea">OrangeIdea</a></span>
                    </div>
                    <!-- END COPYRIGHT INFORMATION-->
                    <div class="span6">
                        <!-- START FOOTER MENU-->
                        <span class="copyright pull-right visible-desktop">
                            <div class="menu-footer-menu-container">
                                <ul class="unstyled footer_menu" id="menu-footer-menu">
                                    <li><a href="index-2.html">Home</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="big-image-right-sidebar.html">Blog</a></li>
                                    <li><a href="2-columns-portfolio.html">Portfolio</a></li>
                                    <li><a href="contacts.html">Contacts</a></li>
                                </ul>
                            </div>
                        </span>
                        <!-- END FOOTER MENU-->
                    </div>
                </div>
            </div>
        </div>
        <!--END BOTTOM LINE-->
        <!--END FOOTER-->
                 
        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <!-- jQuery REVOLUTION Slider  -->
        <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
        <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
        <script src="assets/js/jquery.tweet.js"></script>
        <script src="assets/js/google-code-prettify/prettify.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.easing.1.3.js"></script>
        <script src="assets/js/superfish-menu/superfish.js"></script>
        <script src="assets/js/jquery.nivo.slider.js"></script>
        <script src="assets/js/jquery.prettyPhoto.js"></script>
        <script src="assets/js/jflickrfeed.min.js"></script>
        <script src="assets/js/testimonialrotator.js"></script>
        <script src="assets/js/jquery.waitforimages.js"></script>
        <script src="assets/js/jquery.isotope.min.js"></script>
        <script src="assets/js/custom.js"></script>
        <script src="flexslider/jquery.flexslider.js"></script>
        
        <script type="text/javascript" charset="utf-8">
        jQuery.noConflict()(function ($) {
          $(window).load(function() {
            $('.flexslider').flexslider();
          });
        });
        </script>  
        <script>


        /***************************************************
                        TWITTER FEED
        ***************************************************/
            jQuery.noConflict()(function ($) {
                $(document).ready(function () {
            
                    $(".tweet").tweet({
                        count: 1,
                        username: "Orange_Idea_RU",
                        loading_text: "loading twitter..."
                    });
                });
            });
        </script>
        <script type="text/javascript">

                var tpj=jQuery;
                
                tpj.noConflict();
                                
                var revapi2;
                
                tpj(document).ready(function() {
                
                if (tpj.fn.cssOriginal != undefined)
                    tpj.fn.css = tpj.fn.cssOriginal;
                
                if(tpj('#rev_slider_2_1').revolution == undefined)
                    revslider_showDoubleJqueryError('#rev_slider_2_1');
                else
                   revapi2 = tpj('#rev_slider_2_1').show().revolution(
                    {
                        delay:9000,
                        startwidth:770,
                        startheight:440,
                        hideThumbs:200,
                        
                        thumbWidth:100,
                        thumbHeight:50,
                        thumbAmount:3,
                        
                        navigationType:"none",
                        navigationArrows:"verticalcentered",
                        navigationStyle:"navbar",
                        
                        touchenabled:"on",
                        onHoverStop:"on",
                        
                        navOffsetHorizontal:0,
                        navOffsetVertical:20,
                        
                        shadow:1,
                        fullWidth:"on",

                        stopLoop:"off",
                        stopAfterLoops:-1,
                        stopAtSlide:-1,

                        shuffle:"off"
                    });
                
                }); //ready
                
            </script>
            
          <script>  
                jQuery(".builder_carousel").each(function() {
                    var carousel_width = jQuery(this).width(),
                        visible_count = 4,
                        carousel_speed = 500
                    //console.log(visible_count);
                    /* Get margin-left value from the css grid and apply it to the carousele li items (margin-right), before carousele initialization */
                    var carousele_li = jQuery(this).find('.builder_thumbnails-fluid li');
                    carousele_li.css({"margin-right": carousele_li.css("margin-left"), "margin-left" : 20 });
                    
                    jQuery(this).find('.builder_wrapper:eq(0)').jCarouselLite({
                        btnNext: jQuery(this).find('.next'),
                        btnPrev: jQuery(this).find('.prev'),
                        visible: visible_count,
                        speed: carousel_speed
                    })
                    .width('100%');//carousel_width
                    
                    var fluid_ul = jQuery(this).find('ul.builder_thumbnails-fluid');
                    fluid_ul.width(fluid_ul.width()+10);
                    
                    jQuery(window).resize(function() {
                        var before_resize = screen_size;
                        screen_size = getSizeName();
                        if ( before_resize != screen_size ) {
                            window.setTimeout('location.reload()', 20);
                        }
                    });
                });
            </script>

            <!-- Flex Slider for recent Post From Blog -->
            <script type="text/javascript" charset="utf-8">
              $(window).load(function() {
                $('.flexslider').flexslider();
              });
            </script>

	<!-- DEMO ONLY -->
	<script type="text/javascript" src="assets/js/switcher/tabslide.js"></script>
    <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>
    <!-- alternate css for colors -->
    <script type="text/javascript" src="assets/js/switcher/switchstylesheet1.js"></script>
    <script type="text/javascript" src="assets/js/switcher/switchstylesheet.js"></script>
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/lime.css" title="lime" media="screen" />
    
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/orange.css" title="orange" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/blue.css" title="bluee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/cyan.css" title="cyane" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/green.css" title="greene" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/grunge.css" title="grungee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/light_blue.css" title="light_bluee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/light_green.css" title="light_greene" media="screen" />
    
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/navy.css" title="navye" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/pink.css" title="pinke" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/purple.css" title="purplee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/red.css" title="rede" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/lime.css" title="limee" media="screen" />
	<!-- /DEMO ONLY -->

        
	<!-- DEMO ONLY -->
    <div class="slide-out-div" style="margin-top:130px;">
        <a class="handle" href="#">Content</a>
        <div class="slide-out-div-header">
        	<h4 style="margin-bottom:0px;">Style Selector</h4>
        </div>
        <div class="slide-out-div-cont">
        <div class="div-out-text"><div class="alert" style="margin-bottom:0px !important; margin-top:5px !important; background:#fff !important; border-color:#dddddd !important"><p>Also <strong>960 Boxed</strong>, <strong>960 FullWidth</strong> <strong>1170 FullWidth</strong> and  <strong>1170 Boxed</strong> layouts available after purchase. As like in <a href="http://themeforest.net/item/builder-responsive-multipurpose-theme/3596009" target="_blank">WordPress version</a></p></div></div>
        <h6 style="padding:5px; background:#e6e6e6; margin-top:25px;">Choose Theme Color</h6>
        <ul class="color-switcher unstyled">
        	<li><a href="serversideSwitch8376.html?style=style2" rel="limee" class="changecolor styleswitch" style="background-color:#aec71e;">Lime</a></li>
        	<li><a href="serversideSwitch8376.html?style=style2" rel="orange" class="changecolor styleswitch" style="background-color:#EC5923;">Orange</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="bluee" class="changecolor styleswitch" style="background-color:#2d5c88;">Blue</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="cyane" class="changecolor styleswitch" style="background-color:#2997ab;">Cyan</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="greene" class="changecolor styleswitch" style="background-color:#719430;">Green</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="grungee" class="changecolor styleswitch" style="background-color:#85742e;">Grunge</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="light_bluee" class="changecolor styleswitch" style="background-color:#8bbbe0;">Light Blue</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="light_greene" class="changecolor styleswitch" style="background-color:#8eccb3;">Light Green</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="navye" class="changecolor styleswitch" style="background-color:#435960;">Navy</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="pinke" class="changecolor styleswitch" style="background-color:#e44884;">Pink</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="purplee" class="changecolor styleswitch" style="background-color:#46424f;">Purple</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="rede" class="changecolor styleswitch" style="background-color:#a81010;">Red</a></li>
        </ul>
        <div class="clearfix"></div>
        </div>
    </div>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-30641321-1']);
		_gaq.push(['_setDomainName', 'orange-idea.com']);
		_gaq.push(['_trackPageview']);
		
		(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>

        
        
</body>
</html>

